<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <link rel="shortcut icon" href=".../icon/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../HTML/css/style.css"/>
</head>
<body>
    <div class="topbar"> <!--置顶导航栏-->
        <div class="container">
            <div class="topbar-nav"> <!--导航栏左-->
                <a href="">小米商城</a><span> | </span>
                <a href="">MIUI</a><span> | </span>
                <a href="">IoT</a><span> | </span>
                <a href="">云服务</a><span> | </span>

            </div>

            <div class="topbar-cart"><!--购物车-->
                <a href="">购物车<span>（0）</span></a>
            </div>

            <div class="topbar-info clearfix"><!--个人信息-->
                <a href="">登录</a><span> | </span>
                <a href="">注册</a><span> | </span>
                <a href="" class="sep">消息通知</a><span> | </span>
            </div>



        </div>


    </div>

    <div class="header"><!---头部导航栏--->
        <div class="container">
            <div class="header-logo"><a href="#" class="lr">小米商城</a></div><!---logo--->
            <div class="header-nav clearfix">
                <ul class="nav-list">
                    <li class="nav-category">
                       <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div><!---导航--->
            <div class="header-search">

                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="搜索" class="search-btn">
                </form>
            </div><!----搜索--->



        </div>

    </div>
</body>
</html>